<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>首页</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="/favicon.ico">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <link rel="stylesheet" href="css/my.css">
    <link rel="stylesheet" href="css/sm.min.css">

</head>
<body>
<div class="page-group">
    <!-- 你的html代码 -->
    <div class="page">
        <header class="bar bar-nav">
            <a class="icon icon-me pull-left open-panel"></a>
            <h1 class="title">首页</h1>
        </header>
        <div class="content">
            <!-- 这里是页面内容区 -->
            <div class="content-block-title">页面列表</div>
            <div class="list-block inset">
                <ul>
                    <li>
                        <a href="sleep.html" class="item-link list-button" external>睡眠管理</a>
                    </li>
                    <li>
                        <a href="mood.html" class="item-link list-button" external>心情管理</a>
                    </li>
                    <li>
                        <a href="sport.html" class="item-link list-button" external>运动管理</a>
                    </li>
                    <li>
                        <a href="practice.html" class="item-link list-button" external>运动练习</a>
                    </li>
                    <li>
                        <a href="#" class="item-link list-button alert-text-title" external>运动练习弹窗</a>
                    </li>
                    <li>
                        <a href="monitor.html" class="item-link list-button" external>监测计划</a>
                    </li>
                </ul>
            </div>
            <!-- 内容区结束 -->
        </div>
    </div>
</div>


<script src="js/zepto.min.js"></script>
<script src="js/sm.min.js"></script>
<script>
    $.init();

    $(document).ready(function () {
        $('.alert-text-title').click(function () {
            $.alert('请在运动练习页面中,点击开始运动,倒计时过后会弹出运动练习弹窗。', '<p>运动练习弹窗</p>');
        })
    })
</script>
</body>
</html>